<template>
  <div>
    <UploadExcel :on-success="onSuccess" :before-upload="beforeUpload" />
  </div>
</template>
<script>
// 该组件的作用：获取UploadExcel组件解析的Excel数据把数据转换为接口需要的格式，然后调用接口批量导入员数据
import { reqImportEmployee } from '@/api/employees.js'

export default {
  name: 'ImportExcel',
  methods: {
    // 用于文件上传前的检测工作；如果该函数返回false，就阻止上传
    beforeUpload (file) {
      // 验证文件类型

      if (file.size / 1024 > 10) {
        // 限制文件大小不能超过8k
        this.$message.warning('文件不可以超过8k')
        return false
      }
      return true
    },
    formatDate (numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    },
    // 把原始的Excel解析的数据转换为接口需要的格式
    translateData (list) {
      // 转换的结果
      const result = []
      // 汉字和英文属性的映射关系
      const useRalations = {
        '入职日期': 'timeOfEntry',
        '姓名': 'username',
        '工号': 'workNumber',
        '手机号': 'mobile',
        '转正日期': 'correctionTime'
      }

      list.forEach(item => {
        const info = {}
        // 遍历对象item的每一个键值对
        for (const key in item) {
          // 根据中文的key获取英文的key
          const enKey = useRalations[key]
          // 获取英文key对应的值
          const value = item[key]
          // 把key和value添加到对象中
          if (['timeOfEntry', 'correctionTime'].includes(enKey)) {
            // 此时处理的属性是时间：入职日期或者转正日期
            info[enKey] = this.formatDate(value)
          } else {
            // 不是日期的情况
            info[enKey] = value
          }
        }
        // 把单个人的信息添加到数组
        result.push(info)
      })
      return result
    },
    // 这里的data是解析Excel的原始数据;这里需要把原始数据转换成后端想要的格式
    async onSuccess (data) {
      // 后端需要的数据格式
      /**
        const params = [{
          timeOfEntry: '',
          username: '',
          workNumber: '',
          mobile: '',
          correctionTime: ''
        }, {
          timeOfEntry: '',
          username: '',
          workNumber: '',
          mobile: '',
          correctionTime: ''
        }]
       */
      const result = this.translateData(data.results)
      // 调用接口完成提交
      if (result.length === 0) return
      try {
        const ret = await reqImportEmployee(result)
        if (ret.code === 10000) {
          // 导入成功，跳转回员工列表页面
          this.$router.push('/employees')
        } else {
          this.$message.error(ret.message)
        }
      } catch {
        this.$message.error('导入员工失败')
      }
    }
  }
}
</script>
